
<!-- BEGIN HEADER -->
<div id="header" class="navbar navbar-inverse navbar-fixed-top">

	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="navbar-inner">
		<div class="container-fluid">
			
			<!--BEGIN SIDEBAR TOGGLE-->
			<div class="sidebar-toggle-box hidden-phone">
				<div class="icon-reorder"></div>
			</div>
			<!--END SIDEBAR TOGGLE-->
			
			<!-- BEGIN LOGO -->
			<% /* %>
			<a class="brand" href="index.html"> 
				<img src="${cxt!}/ui/metrolab/img/logo.png" alt="Metro Lab" />
			</a>
			<% */ %>
			<!-- END LOGO -->
			
			<!-- BEGIN RESPONSIVE MENU TOGGLER -->
			<a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse"> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="arrow"></span>
			</a>
			<!-- END RESPONSIVE MENU TOGGLER -->
			
			<!-- BEGIN NOTIFICATION -->
			<div id="top_menu" class="nav notify-row">
				<ul class="nav top-menu">
					
					<!-- BEGIN SETTINGS -->
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<i class="icon-tasks"></i> <span class="badge badge-important">6</span>
						</a>
						
						<ul class="dropdown-menu extended tasks-bar">
							<li>
								<p>You have 6 pending tasks</p>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="desc">Dashboard v1.3</div>
										<div class="percent">44%</div>
									</div>
									<div class="progress progress-striped active no-margin-bot">
										<div class="bar" style="width: 44%;"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="desc">Database Update</div>
										<div class="percent">65%</div>
									</div>
									<div class="progress progress-striped progress-success active no-margin-bot">
										<div class="bar" style="width: 65%;"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="desc">Iphone Development</div>
										<div class="percent">87%</div>
									</div>
									<div class="progress progress-striped progress-info active no-margin-bot">
										<div class="bar" style="width: 87%;"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="desc">Mobile App</div>
										<div class="percent">33%</div>
									</div>
									<div class="progress progress-striped progress-warning active no-margin-bot">
										<div class="bar" style="width: 33%;"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="desc">Dashboard v1.3</div>
										<div class="percent">90%</div>
									</div>
									<div class="progress progress-striped progress-danger active no-margin-bot">
										<div class="bar" style="width: 90%;"></div>
									</div>
								</a>
							</li>
							<li class="external">
								<a href="#">See All Tasks</a>
							</li>
						</ul>
					</li>
					<!-- END SETTINGS -->
					
					<!-- BEGIN INBOX DROPDOWN -->
					<li class="dropdown" id="header_inbox_bar">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<i class="icon-envelope-alt"></i> <span class="badge badge-important">5</span>
						</a>
						
						<ul class="dropdown-menu extended inbox">
							<li>
								<p>You have 5 new messages</p>
							</li>
							<li>
								<a href="#"> 
									<span class="photo"><img src="${cxt!}/ui/metrolab/img/avatar-mini.png" alt="avatar" /></span> 
									<span class="subject"> 
										<span class="from">Jonathan Smith</span> 
										<span class="time">Just now</span>
									</span> 
									<span class="message"> Hello, this is an example msg. </span>
								</a>
							</li>
							<li>
								<a href="#"> <span class="photo"><img src="${cxt!}/ui/metrolab/img/avatar-mini.png" alt="avatar" /></span> <span class="subject"> <span class="from">Jhon Doe</span> <span
											class="time">10 mins</span>
									</span> <span class="message"> Hi, Jhon Doe Bhai how are you ? </span>
								</a>
							</li>
							<li>
								<a href="#"> <span class="photo"><img src="${cxt!}/ui/metrolab/img/avatar-mini.png" alt="avatar" /></span> <span class="subject"> <span class="from">Jason Stathum</span> <span
										class="time">3 hrs</span>
									</span> <span class="message"> This is awesome dashboard. </span>
								</a>
							</li>
							<li>
								<a href="#"> 
									<span class="photo"><img src="${cxt!}/ui/metrolab/img/avatar-mini.png" alt="avatar" /></span> 
									<span class="subject"> 
										<span class="from">Jondi Rose</span> 
										<span class="time">Just now</span>
									</span> 
									<span class="message"> Hello, this is metrolab </span>
								</a>
							</li>
							<li><a href="#">See all messages</a></li>
						</ul>
					</li>
					<!-- END INBOX DROPDOWN -->
					
					<!-- BEGIN NOTIFICATION DROPDOWN -->
					<li class="dropdown" id="header_notification_bar">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<i class="icon-bell-alt"></i> 
							<span class="badge badge-warning">7</span>
						</a>
						<ul class="dropdown-menu extended notification">
							<li>
								<p>You have 7 new notifications</p>
							</li>
							<li><a href="#"> <span class="label label-important"><i class="icon-bolt"></i></span> Server #3 overloaded. <span class="small italic">34 mins</span>
							</a></li>
							<li><a href="#"> <span class="label label-warning"><i class="icon-bell"></i></span> Server #10 not respoding. <span class="small italic">1 Hours</span>
							</a></li>
							<li><a href="#"> <span class="label label-important"><i class="icon-bolt"></i></span> Database overloaded 24%. <span class="small italic">4 hrs</span>
							</a></li>
							<li><a href="#"> <span class="label label-success"><i class="icon-plus"></i></span> New user registered. <span class="small italic">Just now</span>
							</a></li>
							<li><a href="#"> <span class="label label-info"><i class="icon-bullhorn"></i></span> Application error. <span class="small italic">10 mins</span>
							</a></li>
							<li><a href="#">See all notifications</a></li>
						</ul></li>
					<!-- END NOTIFICATION DROPDOWN -->

				</ul>
			</div>
			<!-- END  NOTIFICATION -->
			
			<!-- BEGIN TOP NAVIGATION MENU -->
			<div class="top-nav ">
				<ul class="nav pull-right top-menu">
					<!-- BEGIN SUPPORT -->
					<li class="dropdown mtop5">
						<a class="dropdown-toggle element" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Chat"> 
							<i class="icon-comments-alt"></i>
						</a>
					</li>
					<li class="dropdown mtop5">
						<a class="dropdown-toggle element" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Help"> 
							<i class="icon-headphones"></i>
						</a>
					</li>
					<!-- END SUPPORT -->
					
					<!-- BEGIN 语言选择 -->
					<li class="dropdown mtop5">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<span class="username">${i18nMap["admin.top.language"]}</span>
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu extended logout">
							<li><a href="${cxt!}/platform/index?localePram=zh_CN"><i class="icon-cog"></i>${i18nMap["admin.top.language.zhcn"]}</a></li>
							<li><a href="${cxt!}/platform/index?localePram=en_US"><i class="icon-cog"></i>${i18nMap["admin.top.language.enus"]}</a></li>
							<li><a href="${cxt!}/platform/index?localePram=zh_TW"><i class="icon-cog"></i>${i18nMap["admin.top.language.zhtw"]}</a></li>
							<li><a href="${cxt!}/platform/index?localePram=zh_HK"><i class="icon-cog"></i>${i18nMap["admin.top.language.zhhk"]}</a></li>
							<li><a href="${cxt!}/platform/index?localePram=ja"><i class="icon-cog"></i>${i18nMap["admin.top.language.ja"]}</a></li>
						</ul>
					</li>
					<!-- END 系统切换 -->
					
					<!-- BEGIN 系统切换 -->
					<li class="dropdown mtop5">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<span class="username">系统切换</span>
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu extended logout">
							<% for(systems in systemsList){ %>
								<li>
									<a href="${cxt!}/platform/index?ids=${systems.ids!}">
										<i class="icon-cog"></i>${escapeHtml(systems.names!)}
									</a>
								</li>
							<% } %>
						</ul>
					</li>
					<!-- END 系统切换 -->
					
					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<img src="${cxt!}/ui/metrolab/img/avatar1_small.jpg" alt=""> 
							<span class="username">${escapeHtml(cookieMap.userName.value!)}</span>
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu extended logout">
							<li>
								<a href="javascript:void(0)"> 
									<i class="icon-user"></i> ${i18nMap["admin.top.passChange"]}
								</a>
							</li>
							<li>
								<a href="${cxt!}/platform/index/toUrl?toUrl=/platform/login/lock_screen.html"> 
									<i class="icon-cog"></i> 锁屏
								</a>
							</li>
							<li>
								<a href="${cxt!}/platform/login/logout?csrfToken=${csrfToken!}"> 
									<i class="icon-key"></i> ${i18nMap["admin.top.exitSystem"]}
								</a>
							</li>
						</ul>
					</li>
					<!-- END USER LOGIN DROPDOWN -->
				</ul>
				<!-- END TOP NAVIGATION MENU -->
				
			</div>
		</div>
	</div>
	<!-- END TOP NAVIGATION BAR -->

</div>
<!-- END HEADER -->
